<?xml version="1.0" encoding="UTF-8"?>
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:a4j="http://richfaces.org/a4j"
      xmlns:rich="http://richfaces.org/rich"
  	  template="/WEB-INF/templates/default.xhtml">
 <ui:define name="content">
    <h1>#{bookFactory.text1}</h1>
    <h:form>
        <h:panelGrid columns="2">
            <p>Title</p>
            <h:inputText value="#{bookFactory.book.name}"/>
            <p>Data</p>
              <a4j:outputPanel layout="block">
                <rich:calendar id="cal" value="#{bookFactory.date}"
					 popup="true"
					 showApplyButton="false"
					 style="width:200px"
					 >
					 
				 </rich:calendar>
            </a4j:outputPanel>

            <p>Author</p>
            <h:inputText value="#{bookFactory.book.author}"/>
        </h:panelGrid>
        <table>
            <ui:fragment rendered="#{not empty bookFactory.books}">
                <th><h:outputText value="#{bookFactory.text2}"/>
                </th>
                <ui:repeat var="book" value="#{bookFactory.books}">
                    <tr>
                        <td>#{book.author}</td>
                        <td>#{book.name}</td>
                    </tr>
                </ui:repeat></ui:fragment>
        </table>
        <h:commandButton action="#{bookFactory.saveBook}" value="Write it!"/>
    </h:form>
</ui:define>
</ui:composition>